#member-point{
  .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    z-index: 20;
    height: 50px;
    line-height: 50px;
    background: #FFFFFF;
    font-size: 14px;
    color: #353535;

    .navbar-item {
      flex: 1;
      width: 0%;
      text-align: center;

      &.activity {
        color: #1aad19;
      }
    }
    .navbar-slider {
      position: absolute;
      content: " ";
      left: 0;
      bottom: 0;
      width: 4em;
      height: 3px;
      background-color: #1aad19;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s
    }
  }
  .point-all{
    margin-top: 50px;
    padding: 10px 15px;
    font-size: 15px;
    display: flex;
    align-items: center;

    .right {
      flex: 1;
      text-align: right;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      i{
        color: #BEBEBF;
      }
      .available {
        margin-right: 10px;
        i{
          color: #FA0000;
        }
      }
    }
  }
  .tab-panel{
    .tab-content{
      .point-item{
        padding: 10px 15px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #FFFFFF;
        .item-left{
          .time{
            font-size: 13px;
            color:#959595;
          }
        }
        .item-right{
          color:#19bd36;

          &.down{
            color: #a1a1a1;
          }
        }
      }
    }
  }
  .loadingbox{
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
}